<div class="graphs system_status">
	<h3 class="iconStatus">System Status <span>(Up or Down)</span></h3>
	<fieldset>
		<legend>Legend</legend>
		<div><span class="online"></span>Online</div>
		<div><span class="offline"></span>Offline</div>
	</fieldset>
	<img class="graph" width="270" height="80" src="/graph.php?device=<?=$device->id?>&type=systemStatus&width=270&height=80&start=-1d&legend=0" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemStatus&start=-1d"/>
	<img class="graph" width="270" height="80" src="/graph.php?device=<?=$device->id?>&type=systemStatus&width=270&height=80&start=-1w&legend=0" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemStatus&start=-1w"/>
	<img class="graph" width="270" height="80" src="/graph.php?device=<?=$device->id?>&type=systemStatus&width=270&height=80&start=-1m&legend=0" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemStatus&start=-1m"/>

</div>
<div class="graphs">
	<h3 class="iconProcessors"><a href="/device/<?=$device->id?>/system/processors/">More Info..</a> Processor Utilisation </h3>
	<fieldset>
		<legend>Legend</legend>
		<div><span class="user"></span>User</div>
		<div><span class="system"></span>System</div>
		<div><span class="nice"></span>Nice</div>
		<div><span class="idle"></span>Idle</div>
	</fieldset>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=deviceProcessorUsage&width=270&height=120&legend=0&start=-1d" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=deviceProcessorUsage&start=-1d"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=deviceProcessorUsage&width=270&height=120&legend=0&start=-1w" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=deviceProcessorUsage&start=-1w"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=deviceProcessorUsage&width=270&height=120&legend=0&start=-1m" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=deviceProcessorUsage&start=-1m"/>	

</div>


<div class="graphs">
	<h3 class="iconMemory"><a href="/device/<?=$device->id?>/system/memory/">More Info..</a> Memory Utilisation </h3>
	<fieldset>
		<legend>Legend</legend>
		<div><span class="used"></span>Used</div>
		<div><span class="free"></span>Free</div>
		<div><span class="shared"></span>Shared</div>
		<div><span class="buffers"></span>Buffers</div>
		<div><span class="cached"></span>Cached</div>
		<div><span class="swap"></span>Swap</div>
	</fieldset>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=deviceMemoryUsage&width=270&height=120&legend=0&start=-1d" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=deviceMemoryUsage&start=-1d"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=deviceMemoryUsage&width=270&height=120&legend=0&start=-1w" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=deviceMemoryUsage&start=-1w"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=deviceMemoryUsage&width=270&height=120&legend=0&start=-1m" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=deviceMemoryUsage&start=-1m"/>	


</div>
<div class="graphs">
	<h3 class="iconStorage"><a href="/device/<?=$device->id?>/system/storage/">More Info..</a> Storage Utilisation </h3>
	<fieldset>
		<legend>Legend</legend>
		<div><span class="used"></span>Used</div>
		<div><span class="free"></span>Free</div>
	</fieldset>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=deviceStorageUsage&width=270&height=120&legend=0&start=-1d" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=deviceStorageUsage&start=-1d"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=deviceStorageUsage&width=270&height=120&legend=0&start=-1w" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=deviceStorageUsage&start=-1w"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=deviceStorageUsage&width=270&height=120&legend=0&start=-1m" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=deviceStorageUsage&start=-1m"/>	


</div>

<div class="graphs">
	<h3 class="iconSystemMonitor">System Load</h3>
	<fieldset>
		<legend>Legend</legend>
		<div><span class="load1min"></span>1 min</div>
		<div><span class="load5min"></span>5 min</div>
		<div><span class="load15min"></span>15 min</div>
	</fieldset>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemLoad&width=270&height=120&legend=0&start=-1d" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemLoad&start=-1d"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemLoad&width=270&height=120&legend=0&start=-1w" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemLoad&start=-1w"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemLoad&width=270&height=120&legend=0&start=-1m" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemLoad&start=-1m"/>

</div>

<div class="graphs">
	<h3 class="iconUsers">Users <span>(Logged on)</span></h3>
	<fieldset>
		<legend>Legend</legend>
		<div><span class="online"></span>Users</div>
	</fieldset>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemUsers&width=270&height=120&legend=0&start=-1d" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemUsers&start=-1d"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemUsers&width=270&height=120&legend=0&start=-1w" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemUsers&start=-1w"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemUsers&width=270&height=120&legend=0&start=-1m" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemUsers&start=-1m"/>

</div>


<div class="graphs">
	<h3 class="iconGear">Running Processes</h3>
	<fieldset>
		<legend>Legend</legend>
		<div><span class="online"></span>Processes</div>
	</fieldset>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemProcesses&width=270&height=120&legend=0&start=-1d" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemProcesses&start=-1d"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemProcesses&width=270&height=120&legend=0&start=-1w" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemProcesses&start=-1w"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemProcesses&width=270&height=120&legend=0&start=-1m" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemProcesses&start=-1m"/>


</div>

<div class="graphs">
	<h3 class="iconSystemMonitor">Device Uptime</h3>
	<fieldset>
		<legend>Legend</legend>
		<div><span class="uptime"></span>Days</div>
	</fieldset>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemUptime&width=270&height=120&legend=0&start=-1d" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemUptime&start=-1d"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemUptime&width=270&height=120&legend=0&start=-1w" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemUptime&start=-1w"/>
	<img class="graph" width="270" height="120" src="/graph.php?device=<?=$device->id?>&type=systemUptime&width=270&height=120&legend=0&start=-1m" title="Click to View Larger Version" graph="device=<?=$device->id?>&type=systemUptime&start=-1m"/>

</div>
